
<!-- *ngFor 结构型指令 https://angular.cn/guide/structural-directives -->
<!-- {{xxxx}} 模板 https://angular.cn/guide/template-overview -->
<div *ngFor="let student of list;let i=index;">
    <div [style.background]="student.age<18?'cyan':''">
        {{i+1}}:{{student.name}}，{{student.mobile}}，{{student.studentId}}，{{student.gitee}}
        <!-- *ngIf 结构型指令  https://angular.cn/guide/structural-directives -->
        <!-- (xxxx) 事件 绑定用户事件给DOM 参考 https://developer.mozilla.org/zh-CN/docs/Web/API/Element -->
        <button *ngIf="!student.ischeck" (dblclick)="checkIn(student)">签到</button>
        <span *ngIf="student.ischeck">已签到</span>
    </div>
</div>

<div echarts [options]="options" class="demo-chart"></div>

<img src="/assets/img/boss.png" alt="">